
/* Author: Dionlee Uy @ Mon Mar 2 2013;  Email: dionleeuy@gmail.com */ 

.calendar {
	position: relative; width:250px;
	font-family: 'Arial, Century Gothic','Segoe UI', Calibri, Arial;
	font-size: 12px; color: #000; text-align: center;
	background-color: #FFF; z-index: 4; padding: 0; margin: 0; 
	border-collapse: collapse; border:1px solid rgba(0,0,0,0.08);
}
.calendar th { background:#EEE; }
.calendar th, .calendar td { text-align: center; transition: all 0.3s ease; }
.calendar th:first-child,
.calendar td:first-child { margin-left: 5px; }
.calendar span { padding: 3px 2px; display: block; }
.calendar .month { padding:5px; }

.calendar .pMDate span, .calendar .nMDate span { color: #AAA; }
.calendar .date, .calendar .pMDate, .calendar .nMDate, .calendar .month { cursor: pointer; }
.calendar .date.disabled, .calendar .pMDate.disabled, .calendar .nMDate.disabled { cursor: not-allowed; }
.calendar .date:not(.disabled):hover, .calendar .pMDate:not(.disabled):hover, .calendar .nMDate:not(.disabled):hover, .calendar .month:hover { background-color: #E2E2E2; }
.calendar .date:not(.disabled):active, .calendar .pMDate:not(.disabled):active, .calendar .nMDate:not(.disabled):active, .calendar .month:active { background-color: #22A7F0; color: #FFF; }
.calendar .selected span{ background-color: #22A7F0 !important; color: #FFF !important; }

.calendar tr:first-child th { background-color: #FFF; font-size: 14px; padding:4px; }
.calendar tr:first-child th { cursor: pointer; color:#000; }
.calendar tr:first-child th:hover { color:#22A7F0; }
.calendar tr:first-child th:active { color: #22A7F0; }
.calendar thead tr:nth-child(2) th { color: #555; padding: 5px 3px; }
.calendar #prev, .calendar #next { font-family: 'Times New Roman'; font-size: 20px; padding: 0; }
.calendar #today {
	text-align: center; cursor: pointer; color: #22A7F0; 
	background-color: #FFF; padding:5px 2px; border-top:1px solid #EEE;
}
.calendar #today:hover { color: #80A7DD; }
.calendar #today:active { color: #000; }
.calendar #currDay span{ color:#22A7F0; }
.datepicker { background-size: contain; } /*background: url('./icon.png') transparent right no-repeat;*/
